<%@ page contentType="text/html;charset=UTF-8" %>
<%@ include file="/WEB-INF/views/include/taglib.jsp"%>
<html>
<head>
	<title>历史告警查询</title>
	<meta name="decorator" content="default"/>
	<style type="text/css">
	* {
		font-size: 12px;
	}
	</style>	
	<tags:import includes="spinner,bootbox,form"></tags:import>
	<script src="${ctxStatic}/modules/alarm/alarmHist.js"></script>
	<script type="text/javascript">
		var _ctx = '${ctx}';
		function page(n,s){
			$("#pageNo").val(n);
			$("#pageSize").val(s);
			$("#frmSearch").submit();
			return false;
		}
	</script>
</head>
<body>
	<br>
	<form id="frmSearch" modelAttribute="dict" action="${ctx}/alarm/alarmHist/" method="post" class="breadcrumb form-search">
		<input id="pageNo" name="pageNo" type="hidden" value="${page.pageNo}"/>
		<input id="pageSize" name="pageSize" type="hidden" value="${page.pageSize}"/>		
	</form>
<!-- 	<div class="page-content"> -->
<!-- 		<div class="page-header position-relative"> -->
<!-- 			<h1> -->
<!-- 				历史告警查询 -->
<!-- 				<small> -->
<!-- 				<i class="icon-double-angle-right"></i> -->
<!-- 				History Alarm Query -->
<!-- 		    	</small> -->
<!-- 			</h1> -->
<!-- 		</div> -->
		
	    <div class="control-group">
	        <span class="span3">
	            <label class="control-label" for="form-field-5">网&nbsp;&nbsp;&nbsp;&nbsp;元：</label>
	        </span>
	        &nbsp;
	        <span class="span3">
	          <label>
	        	<input class="span1" type="text" id="form-field-5" placeholder="Equipment Alarm" />
	          </label>
	        </span>
	        &nbsp;
	        <span class="span3">
	          <label class="control-label" for="form-field-5">严重程度：</label>
	        </span>	  
	        &nbsp;
	        <span class="span3">
	          <label>
	        	<input class="span1" type="text" id="form-field-5" placeholder="172.16.161.10" />
	          </label>
	        </span>
	        &nbsp;
	        <span class="span3">
	          <button class="btn btn-info">
	        	<i class="icon-pencil"></i>
	        	查  询
	      	  </button>
	        </span>
	        &nbsp;
	        <span class="span3">
<!-- 	          <button class="btn btn-small btn-info"> -->
<!-- 	        	<i class="icon-pencil"></i> -->
<!-- 	                                修 改 -->
<!-- 	      	  </button> -->
	      	  <a href="#modalTable"  id="btnNew" type="button" role="button" class="btn btn-small btn-info" data-toggle="modal">统计 </a>
	        </span>	        
	    </div>
		<br>
	    <div class="control-group"">
	        <span class="span3">
	            <label class="control-label" for="form-field-5">开始时间：</label>
	        </span>
	        &nbsp;
	        <span class="span3">
	          <label>
	        	<input class="span1" type="text" id="form-field-5" placeholder=" 2014-01-01 01:00" />
	          </label>
	        </span>
	        &nbsp;
	        <span class="span3">
	          <label class="control-label" for="form-field-5">结束时间：</label>
	        </span>	  
	        &nbsp;
	        <span class="span3">
	          <label>
	        	<input class="span1" type="text" id="form-field-5" placeholder=" 2014-01-01 04:00" />
	          </label>
	        </span>
	        &nbsp;

	        <span class="span3">
	          <label class="control-label" for="form-field-5">&nbsp;</label>
	        </span>	  
	        &nbsp;
	        <span class="span3">
	          <label>
	        	<input class="span1" type="checkbox" id="form-field-5" checked/>&nbsp;确认时间 
	        	&nbsp;<input class="span1" type="checkbox" id="form-field-5" />&nbsp;恢复时间
	        	&nbsp;<input class="span1" type="checkbox" id="form-field-5"/>&nbsp;发生时间
	          </label>
	        </span>
	    </div>
		<br>
	    <div class="control-group"">
	        <span class="span3">
	            <label class="control-label" for="form-field-5">机&nbsp;&nbsp;&nbsp;&nbsp;架：</label>
	        </span>
	        &nbsp;
	        <span class="span3">
	          <label>
	        	<input class="span1" type="text" id="form-field-5" placeholder="CHASSIS:1" />
	          </label>
	        </span>
	        &nbsp;
	        <span class="span3">
	          <label class="control-label" for="form-field-5">机&nbsp;&nbsp;&nbsp;&nbsp;盘：</label>
	        </span>	  
	        &nbsp;
	        <span class="span3">
	          <label>
	        	<input class="span1" type="text" id="form-field-5" placeholder="SLOT:1" />
	          </label>
	        </span>
	        &nbsp;

	    </div>	    			
    <br>
<!--  111 -->
		<div class="row-fluid">
						<div class="span12">
							<!--PAGE CONTENT BEGINS-->
							<div class="row-fluid">
								<div class="span12">
									<table id="sample-table-1" class="table table-striped table-bordered table-hover">
										<thead>
											<tr>
												<th class="center">
													<label>
														<input type="checkbox" />
														<span class="lbl"></span>
													</label>
												</th>
												<th>NE</th>
												<th>告警量</th>
												<th class="hidden-480">严重程度</th>
												<th class="hidden-phone">告警类型</th>
												<th class="hidden-480">是否屏蔽</th>
												<th class="hidden-480">备注</th>
											</tr>
										</thead>
										<tbody>
											<tr>
												<td class="center">
													<label>
														<input type="checkbox" />
														<span class="lbl"></span>
													</label>
												</td>
												<td>
													<a href="#">172.16.161.1</a>
												</td>
												<td>EMU_FAN_REMOVE</td>
												<td class="hidden-480">Critical</td>
												<td class="hidden-phone">Quality of Service Alarm</td>
												<td class="hidden-480">否</td>
	                                            <td class="hidden-480">Quality of Service Alarm</td>
											</tr>
											<tr>
												<td class="center">
													<label>
														<input type="checkbox" />
														<span class="lbl"></span>
													</label>
												</td>
												<td>
													<a href="#">172.16.161.2</a>
												</td>
												<td>EMU_FAN_REMOVE</td>
												<td class="hidden-480">Critical</td>
												<td class="hidden-phone">Quality of Service Alarm</td>
												<td class="hidden-480">否</td>
	                                            <td class="hidden-480">Quality of Service Alarm</td>
											</tr>
											<tr>
												<td class="center">
													<label>
														<input type="checkbox"/>
														<span class="lbl"></span>
													</label>
												</td>
												<td>
													<a href="#">172.16.161.3</a>
												</td>
												<td>EMU_FAN_REMOVE</td>
												<td class="hidden-480">Critical</td>
												<td class="hidden-phone">Quality of Service Alarm</td>
												<td class="hidden-480">否</td>
	                                            <td class="hidden-480">Quality of Service Alarm</td>
											</tr>
											<tr>
												<td class="center">
													<label>
														<input type="checkbox" />
														<span class="lbl"></span>
													</label>
												</td>
												<td>
													<a href="#">172.16.161.4</a>
												</td>
												<td>EMU_FAN_REMOVE</td>
												<td class="hidden-480">Critical</td>
												<td class="hidden-phone">Quality of Service Alarm</td>
												<td class="hidden-480">否</td>
	                                            <td class="hidden-480">Quality of Service Alarm</td>
											</tr>
											<tr>
												<td class="center">
													<label>
														<input type="checkbox" />
														<span class="lbl"></span>
													</label>
												</td>
												<td>
													<a href="#">172.16.161.5</a>
												</td>
												<td>EMU_FAN_REMOVE</td>
												<td class="hidden-480">Critical</td>
												<td class="hidden-phone">Quality of Service Alarm</td>
												<td class="hidden-480">否</td>
	                                            <td class="hidden-480">Quality of Service Alarm</td>
											</tr>
										</tbody>
									</table>
									${pages}
								</div><!--/span-->
							</div><!--/row-->
					</div>
<!--  333 -->
	</div>		
	
	<div id="modalTable" action="new" class="modal fade" tabindex="-1">
		<div class="modal-dialog">
			<div class="modal-content" style="width: 500px; height: 400px;">
				<div class="modal-header no-padding">
					<div class="table-header">
						<button type="button" class="close" data-dismiss="modal"
							aria-hidden="true">
							<span class="white">&times;</span>
						</button>
						<span id='modalTitle'>历史告警统计</span>
					</div>
				</div>
				<br>
				<!-- 新增窗体内部 -->
				<form id="frmSubmit" class="form-horizontal" role="form"
					method="post">
					<input type="hidden" name="sort" value="30"/>
					<input type="hidden" name="id"/>
				        <div class="form-group">
							<label class="col-sm-3 control-label no-padding-right">开始时间</label>
							<div class="col-sm-9">
								<input type="text" class="col-xs-10"
									name="id" uname="update" placeholder="2014-01-01 01:00"/>
							</div>
						</div>						
				        <div class="form-group">
							<label class="col-sm-3 control-label no-padding-right">结束时间</label>
							<div class="col-sm-9">
								<input type="text" class="col-xs-10"
									name="url" uname="update" placeholder="2014-01-01 04:00"/>
							</div>
						</div>						
				        <div class="form-group">
							<label class="col-sm-3 control-label no-padding-right">Critical:</label>
							<div class="col-sm-9">
								<input type="text" class="col-xs-10"
									name="name" uname="update" placeholder="20"/>
							</div>
						</div>						
				        <div class="form-group">
							<label class="col-sm-3 control-label no-padding-right">Major:</label>
							<div class="col-sm-9">
								<input type="text" class="col-xs-10"
									name="format" uname="update" placeholder="30"/>
							</div>
						</div>						
				        <div class="form-group">
							<label class="col-sm-3 control-label no-padding-right">Minor:</label>
							<div class="col-sm-9">
								<input type="text" class="col-xs-10"
									name="size" uname="update" placeholder="10"/>
							</div>
						</div>	
				        <div class="form-group">
							<label class="col-sm-3 control-label no-padding-right">Warning:</label>
							<div class="col-sm-9">
								<input type="text" class="col-xs-10"
									name="size" uname="update" placeholder="10"/>
							</div>
						</div>												

					<div class="space-4"></div>
				</form>
				<!-- PAGE CONTENT ENDS -->
			</div>
			<!-- /.modal-content -->
		</div>
		<!-- /.modal-dialog -->
	</div>	
</body>
</html>
